import React from 'react'
import store from "../../store/store"
import { incrementCount, decrementCount, waitincrementCount } from '../../store/actions/countAction'

export default function Count() {

  const { count } = store.getState().count
  // console.log(store.getState());
  // console.log(count);


  const incrementHandle = () => {
    //点击发送store.dispatch
    //把对象放在actions中
    store.dispatch(incrementCount(1))

  }

  const decreamentHandle = () => {
    store.dispatch(decrementCount(1))

  }

  const ifOddDecrementHandle = () => {

    if (count % 2 !== 0) { store.dispatch(incrementCount(1)) }
  }

  const waitDecrementHandle = () => {
    store.dispatch(waitincrementCount(1))

  }

  return (
    <div>
      <h1>我是Count组件 我的值是{count}</h1>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>

    </div>
  )
}
